import React, { PropTypes, Component } from 'react'
import fetch from 'isomorphic-fetch'
import { Link } from 'react-router'

import NavLink from './NavLink'
import style from './addStore.css'

import WorkloadInput from './WorkloadInput'
import WorkloadTable from './WorkloadTable' 
import WorkloadTodayTable from './WorkloadTodayTable'

import { myAjax, ROOTURL } from '../publicAPI/publicAPI'

export default React.createClass({

    componentWillMount: function() {
        console.log("将安装");
        
    },

    componentDidMount() {
        console.log("安装成功");
    },

    getLinkStyle() {
        let style = {}
        style.background = '#27a0cc';
        style.display = 'inline-block';
        /*style.padding = '0 10px';*/
        style.color = '#fff';
        style['textAlign'] = 'center';
        style['fontSize'] = '18px';
        style['lineHoeight'] = '35px';
        return style;
    },

    render() {
        return (
            <div className="right-wapper ">
                <div className="rt-wrap">
                    <h2 className="catagory">
                        
                        <Link to='/SalaryM/WorkloadTable' activeStyle={this.getLinkStyle()} ><span className={style['cata-title']}>线下订单管理</span></Link>
                        <Link to='/SalaryM/AssistantM' activeStyle={this.getLinkStyle()} ><span className={style['cata-title']}>理发师助理管理</span></Link>
                        {/*<Link to='/SalaryM/SalaryGParamSet' activeStyle={this.getLinkStyle()} ><span className={style['cata-title']}>薪酬参数设置</span></Link>*/}
                        <Link to='/SalaryM/PerformanceForDay' activeStyle={this.getLinkStyle()} ><span className={style['cata-title']}>业绩统计(当月每天)</span></Link>
                        <Link to='/SalaryM/PerformanceForMonth' activeStyle={this.getLinkStyle()} ><span className={style['cata-title']}>业绩统计(按月)</span></Link>
                    </h2>

                </div>
                <div>{this.props.children}</div>
            </div>
        )
    }
});



